@charset "UTF-8";

/*layout*/
.fl{float:left;display:inline}
.fr{float:right;display:inline}
/*margin-top*/
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt45{margin-top:45px}
.mt50{margin-top:50px}
/*margin-bottom*/
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}
.mb35{margin-bottom:35px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
/*padding-top*/
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt25{padding-top:25px}
.pt30{padding-top:30px}
.pt35{padding-top:35px}
.pt40{padding-top:40px}
.pt45{padding-top:45px}
.pt50{padding-top:50px}
/*padding-bottom*/
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb25{padding-bottom:25px}
.pb30{padding-bottom:30px}
.pb35{padding-bottom:35px}
.pb40{padding-bottom:40px}
.pb50{padding-bottom:50px}
/*line-height*/
.l16 { line-height: 16px }
.l17 { line-height: 17px }
.l18 { line-height: 18px }
.l19 { line-height: 19px }
.l20 { line-height: 20px }
.l21 { line-height: 21px }
.l22 { line-height: 22px }
.l23 { line-height: 23px }
.l24 { line-height: 24px }
.l25 { line-height: 25px }
.l26 { line-height: 26px }
.l27 { line-height: 27px }
.l28 { line-height: 28px }
.l29 { line-height: 29px }
.l30 { line-height: 30px }

/*font*/
.f12 { font-size: 12px; font-family: Arial,Verdana,"宋体";}
.f14 { font-size: 14px; font-family: Arial,Verdana,"Microsoft yahei";;}
.f15 { font-size: 15px; font-family: Arial,Verdana,"Microsoft yahei";}
.f16 { font-size: 16px; font-family: Arial,Verdana,"Microsoft yahei";}
.f18 { font-size: 18px; font-family: Arial,Verdana,"Microsoft yahei";}
.f22 { font-size: 22px; font-family: Arial,Verdana,"Microsoft yahei";}


/* icon */
.iconCrown,.iconRecommend,.signCaution,.signRight,.signWrong,.signExclamation,.iconSelectBox,.iconSelectDown,.iconSelectUp,.iconSmallPoint,.iconSmallAdd,.iconSmallEdit,.iconResume,.iconDone,.iconHeadSet,.iconClose,.iconCollect,.iconArrowUp,.iconArrowDown,.iconRight,.iconWrong,.iconEn,.iconCh,.iconPlus,.iconMobile,.iconMailer,.iconRefresh,.iconPreview,.iconDerive,.iconEdit,.iconDelete,.iconEntrust,.iconShield,.iconOperate,.likeRadio,.likeRadioChecked,.likeCheckBox,.likeCheckboxChecked,.pointWithin,.pointWithout,.pointCurrent,.iconWarn,.iconAddress,.iconRemark,.iconOther,.iconChoice,.iconBuse,.bigIcon,.iconTime,.iconCalen,.iconLtriangle,.iconRtriangle,.iconTtriangle,.iconBtriangle,.iconArecord,.iconMyview,.iconNotice{display: inline-block;background: url(http://img01.zhaopin.cn/2014/c/ui/img/icon.png) no-repeat;}
/*24x24*/
.iconRefresh,.iconPreview,.iconDerive,.iconEdit,.iconDelete,.iconEntrust,.iconShield,.iconOperate,.iconChoice,.iconBuse,.iconArecord{width:24px;height:24px;}
.iconArecord{background-position:-124px -177px;}
.iconBuse{background-position:-156px -142px;}
.iconChoice{background-position:-126px -142px;}
.iconRefresh{background-position:-6px -30px;}
.iconPreview{background-position:-36px -30px;}
.iconDerive{background-position:-66px -30px;}
.iconEdit{background-position:-96px -30px;}
.iconDelete{background-position:-126px -30px;}
.iconEntrust{background-position:-156px -30px;}
.iconShield{background-position:-186px -30px;}
.iconOperate{background-position:-216px -30px;}
.likeCheckBox,.likeCheckboxChecked,.iconRight,.iconWrong{width:24px;height:24px;cursor: pointer;}
.likeCheckBox{background-position: -98px -142px;}
.likeCheckboxChecked{background-position: -68px -142px;}
.iconRight{background-position:-6px -142px;}
.iconWrong{background-position:-36px -142px;}
/*16x16*/
.likeRadio,.likeRadioChecked,.iconClose,.iconRemark,.iconTime,.iconLtriangle,.iconRtriangle,.iconTtriangle,.iconBtriangle{width:16px;height:16px;cursor: pointer;}
.iconBtriangle{background-position: -270px -60px;}
.iconTtriangle{background-position:-248px -60px;}
.iconRtriangle{background-position:-226px -60px;}
.iconLtriangle{background-position:-204px -60px;}
.likeRadio{background-position: -28px -60px;}
.likeRadioChecked{background-position: -6px -60px;}
.iconClose{background-position: -50px -60px;}
.iconRemark{background-position:-182px -60px;}
.iconTime{background-position:-138px -60px;}
/*22x22*/
.iconResume,.iconDone,.iconHeadSet,.iconEn,.iconCh,.iconPlus,.pointWithin,.pointWithout,.pointCurrent,.iconMobile,.iconMailer{width:22px;height:22px;}
.pointWithin{background-position:-34px -114px; }
.pointWithout{background-position:-62px -114px; }
.pointCurrent{background-position:-6px -114px; }
.iconMobile{background-position:-90px -114px;}
.iconMailer{background-position:-118px -114px;}
.iconPlus{background-position:-146px -114px;}
.iconCh{background-position:-174px -114px;}
.iconEn{background-position:-202px -114px;}
.iconResume{background-position:-230px -114px;}
.iconDone{background-position:-258px -114px;}
.iconHeadSet{background-position:-286px -114px;}
/*32x32*/
.iconCollect,.iconArrowUp,.iconArrowDown{width:32px;height:32px;}
.iconCollect{background-position:-6px -172px;}
.iconArrowUp{background-position:-44px -172px;}
.iconArrowDown{background-position:-82px -172px;}
/*11x11*/
.iconSelectBox,.iconSelectDown,.iconSelectUp,.iconSmallPoint{width:11px;height:11px;}
.iconSelectBox{background-position:-6px -81px;}
.iconSelectDown{background-position:-23px -81px;}
.iconSelectUp{background-position:-40px -81px;}
.iconSmallPoint{background-position:-57px -80px;}
/*10x10*/
.iconSmallAdd,.iconSmallEdit{width:10px;height:10px;}
.iconSmallAdd{background-position: -6px -98px;}
.iconSmallEdit{background-position: -22px -98px;}
/*14x14*/
.iconWarn{width: 14px;height: 14px;}
.iconWarn{background-position:-212px -9px}
/*14x16*/
.iconAddress{width: 14px;height: 16px;}
.iconAddress{background-position:-117px -60px;}
/*21x21*/
.iconOther{width: 21px;height: 21px;}
.iconOther{background-position:-315px -114px;}
/*26x24*/
.iconMyview{width: 26px;height: 24px;}
.iconMyview{background-position:-161px -176px;}
/*28x24*/
.iconNotice{width: 28px;height: 24px;}
.iconNotice{background-position:-199px -176px;}
/*40x40*/
.signCaution,.signRight,.signWrong,.signExclamation{width:40px;height:40px;}
.signCaution{background-position: -6px -214px;}
.signRight{background-position: -52px -214px;}
.signWrong{background-position: -98px -214px;}
.signExclamation{background-position: -144px -214px;}
/*45x45*/
.iconRecommend{width: 45px;height:45px;}
.iconRecommend{background-position: -6px -271px;}
/*53x53*/
.iconCalen{width: 53px;height: 53px;}
.iconCalen{background-position:-6px -405px;}
/*74x74*/
.iconCrown{width:74px;height:74px;}
.iconCrown{background-position: -6px -322px;}
/*115x100*/
.bigIcon{width: 115px;height: 100px;}
.bigIcon{background-position:-6px -469px;}

/*按钮*/
.btnYellowSpecial,.btnYellowRule,.btnOrangeSuperBig,.btnOrangeBig,.btnOrangeMiddle,.btnOrangeSmall,.btnBlueSuperBig,.btnWhiteSuperBig,.btnBlueBig,.btnWhiteBig,.btnBlueMiddle,.btnWhiteMiddle,.btnBlueSmall,.btnWhiteSmall{display:inline-block;border-radius: 2px;padding:0 26px;cursor: pointer;}
.btnBlueSuperBig{height:44px;font: 16px/44px "微软雅黑";color: #fff;background: #3ba8f0;border:1px solid #319ddf;padding:0 26px;}
.btnBlueSuperBig:hover,.btnBlueBig:hover,.btnBlueMiddle:hover,.btnBlueSmall:hover{background: #289dea;text-decoration: none;}
.btnWhiteSuperBig{height:44px;font: 16px/44px "微软雅黑";color: #333;background: #efefef;border: 1px solid #e7e7e7;padding:0 26px;}
.btnWhiteSuperBig:hover,.btnWhiteBig:hover,.btnWhiteMiddle:hover,.btnWhiteSmall:hover{background: #eee;text-decoration: none;}
.btnBlueBig{height:38px;font: 14px/38px "微软雅黑";color: #fff;background: #3ba8f0;border:1px solid #319ddf;padding:0 20px;}
.btnWhiteBig{height:38px;font: 14px/38px "微软雅黑";color: #333;background: #efefef;border: 1px solid #e7e7e7;padding:0 20px;}
.btnBlueMiddle{height:32px;font: 14px/32px "微软雅黑";color: #fff;background: #3ba8f0;border:1px solid #319ddf;padding:0 16px;}
.btnWhiteMiddle{height:32px;font: 14px/32px "微软雅黑";color: #333;background: #efefef;border: 1px solid #e7e7e7;padding:0 16px;}
.btnBlueSmall{height:26px;font: 14px/26px "微软雅黑";color: #fff;background: #3ba8f0;border:1px solid #319ddf;padding:0 12px;}
.btnWhiteSmall{height:26px;font: 14px/26px "微软雅黑";color: #333;background: #efefef;border: 1px solid #e7e7e7;padding:0 12px;}
.invalidBlueBtn,.invalidBlueBtn:hover{cursor: default;background: #cae3f3;border: 1px solid #c5eded;}
.invalidWhitebtn,.invalidWhitebtn:hover{cursor: default;background: #efefef;border: 1px solid #e7e7e7;color: #c3c3c3}
.btnOrangeSuperBig{height:44px;font: 16px/44px "微软雅黑";color: #fff;background: #f9af00;border:1px solid #e8a300;padding:0 26px;}
.btnOrangeBig{height:38px;font: 14px/38px "微软雅黑";color: #fff;background: #f9af00;border:1px solid #e8a300;padding:0 20px;}
.btnOrangeMiddle{height:32px;font: 14px/32px "微软雅黑";color: #fff;background: #f9af00;border:1px solid #e8a300;padding:0 16px;}
.btnOrangeSmall{height:26px;font: 14px/26px "微软雅黑";color: #fff;background: #f9af00;border:1px solid #e8a300;padding:0 12px;}
.btnOrangeSuperBig:hover,.btnOrangeBig:hover,.btnOrangeMiddle:hover,.btnOrangeSmall:hover{text-decoration: none;background:#ffa200;}
.btnYellowRule{height:34px;min-width: 56px;padding:0 24px;text-align: center;font: 14px/34px "微软雅黑";background:#ffe22a;color: #6a410e;border-radius: 18px;}
.btnYellowSpecial{height:40px;width:248px;text-align: center;font: 18px/40px "微软雅黑";background:#ffe22a;color: #6a410e;border-radius: 20px;}
.btnYellowRule:hover,.btnYellowSpecial:hover{text-decoration: none;background: #ffcf10;}


